<template>
  <view
    style="
      width: 332rpx;
      height: 420rpx;
      border-radius: 20rpx;
      overflow: hidden;
      position: relative;
    "
  >
    <image
      :src="actor.imageUrl"
      style="width: 100%; height: 100%; border-radius: 20rpx"
    />
    <view
      style="
        font-size: 40rpx;
        color: #fff;
        position: absolute;
        left: 22rpx;
        top: 346rpx;
      "
      >{{ actor.name }}</view
    >
  </view>
</template>
<script>
import Index from "@/pages/members/collect/component/actor/index";

export default {
  name: "actor-component",
  props: {
    actor: {
      type: Index,
    },
  },
};
</script>
